03 使用Echarts制作可视化图表 ｜数据爬取及可视化系列

这是《数据爬取及可视化系列》的第三篇文章。

前2篇文章，可以点击查阅：

---

最近在结合新学的爬虫在做一些可视化的东西了，今天讲讲可视化图表相关的。

关于可视化工具：

Echarts

百度出品的一个纯 Javascript 的图表库，用下来感觉还是很方便的。

我用它制作了2组图表。

第一组

是结合地图的一个可视化的图表，数据来源是取通讯设备上的流量，把流量的情况可视化出来。

地图是通过canvas画布来制作的，把经纬度坐标转化为屏幕坐标，然后在屏幕上显示出来，再结合echarts制作的图表，完成了这组demo。

这里首次尝试了自己实现地图，下次还是用开源的库吧，自己写有点累。

---

第二组

可视化图表，是我最近爬取了亚马逊的一部分数据制作而成的。

主要是为了看看best sellers榜单有什么可以挖掘的价值。

有几个值得挖掘价值的图表可以看看：

平行坐标parallel-aqi

这是统计了近期上榜单的产品的各项信息：

review、star、最小&最大price，进入榜单的次数。

由图可见，

review集中在1000左右，

star在3星以上，

价格集中在$10-30之间。

可以直观的感受到登上BestSellers的决定因素有哪些。

柱状图

统计了出现在bestSellers榜单的次数。

次数越多(>24)，表示商品质量及服务越优，

可进一步研究其关键词、review内容等；

次数越少(<24)，表示是新进入榜单的商品，

可以研究其类似产品，跟卖or研发新品。

散点图Anscombe quartet

下面是尝试对某个产品进行跟踪，分4个维度，根据其24小时的rank、review、star、最低价格来反应趋势。

发现某个产品上升或者下降了，可以进一步去挖掘其他信息，比如关键词，同类产品，同类不同产品的排名情况等等。这个等我下一步挖掘下。

以上是关于最近做的2组demo。

echarts真方便啊！～

echarts真方便啊！～

echarts真方便啊！～

省去了我再去学D3js的时间。

---

题外话，最近，我用来coding的编辑器从sublimeText换成了Atom，作为一名设计师，我偏爱颜值～～Atom真多棒棒的，至少好看多了～～

推荐给大家使用～

---

设计+科技=

自在园O设计Mix科技实验室。

长按识别二维码即可获取更多～